html,
body,
#app {
  min-height: 100%;
}
a {
  color: $theme;
}
strong {
  font-weight: 600;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  line-height: 1.25;
  &:hover .header-anchor {
    opacity: 1;
  }
}
h1 {
  font-size: 2.2rem;
}
h2 {
  font-size: 1.65rem;
  padding-bottom: 0.3rem;
}
h3 {
  font-size: 1.35rem;
}
a.header-anchor {
  font-size: 0.85em;
  float: left;
  margin-left: -0.87em;
  padding-right: 0.23em;
  margin-top: 0.125em;
  opacity: 0;
}
code,
kbd,
.line-number {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
    monospace;
}
kbd {
  background: #eee;
  border: solid 0.15rem #ddd;
  border-bottom: solid 0.25rem #ddd;
  border-radius: 0.15rem;
  padding: 0 0.15em;
}
blockquote {
  font-size: 1.1rem;
  color: #666;
  border-left: 0.2rem solid #dfe2e5;
  margin: 1rem 0;
  padding: 0.25rem 0 0.25rem 0.6rem;
}
/* 定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: #f5f5f5;
}
/* 定义滚动条轨道 内阴影+圆角 */
::-webkit-scrollbar-track {
  border-radius: 8px;
  background-color: #f5f5f5;
}
/* 定义滑块 内阴影+圆角 */
::-webkit-scrollbar-thumb {
  border-radius: 8px;
  /* 线性渐变 */
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.44, #3cba92),
    color-stop(0.72, #fdbb2d),
    color-stop(0.86, #fdbb2d)
  );
  transition: all 0.3s ease-in-out;
}

/* 定义滑块悬浮样式 */
::-webkit-scrollbar-thumb:hover {
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.44, #fdbb2d),
    color-stop(0.72, #fdbb2d),
    color-stop(0.86, #3cba92)
  );
  transition: all 0.3s ease-in-out;
}
.space-left {
  margin-left: $sidebar-width;
}
